<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <title>首页</title>
    <style>
        .gao{
            line-height:1.94rem;
            height:1.94rem;
        }
    </style>
</head>
<body>
<div class="headBox">
    <div class="title">
        <i class="icon iconfont icon-iconfontjiantou1"></i>
        <h4>个人中心</h4>
    </div>
    <div class="clearfix">
        <div class="tou_img_box fl">
            <img src="images/tou_img.png" />
        </div>
        <div class="fl">
            <div class="name">小土狗</div>
            <div class="hyname">426684126</div>
        </div>
        <div class="chengjiu fr">
            <img class="chengjiu_img" src="images/chenhao.png" />
            <p class="chenhao_box">环保卫士</p>
        </div>
    </div>
</div><!--头部-->

<div class="chengjiu_box whiteBg clearfix">
    <i class="icon iconfont icon-jiangbeishengli"></i>
    <span>我的成就</span>
    <i class="icon iconfont icon-youjiantou fr"></i>
</div><!--成就-->

<div class="huishou_box whiteBg">
    <ul class="clearfix">
        <li>
            <div class="blueBg">
                <img src="images/kehuis.png"/>
            </div>
            <p>可回收投放<span class="zhuyeChengjiuzi">&nbsp455.6&nbsp</span>kg</p>
        </li>
        <li>
            <div class="greenBg">
                <img src="images/chuyu.png"/>
            </div>
            <p>厨余垃圾投放<span class="zhuyeChengjiuzi2">&nbsp455.6&nbsp</span>kg</p>
        </li>
        <li>
            <div class="redBg">
                <img src="images/yhai.png"/>
            </div>
            <p>有害垃圾投放<span class="zhuyeChengjiuzi3">&nbsp455.6&nbsp</span>kg</p>
        </li>
    </ul>
    <a class="achievementBtn" href="javascript:void(0)">查看成就排名>></a>
</div><!--成就-->
<div class="centerList">
    <ul class="list">
        <li>
            <div>
                <i class="icon iconfont icon-qiapian"></i>
                <span>账户信息</span>
            </div>
            <ul>
                <li class="clearfix">
                    <p class="fl">姓名</p>
                    <p class="fr">周大爷</p>
                </li>
                <li class="clearfix">
                    <p class="fl">小区</p>
                    <p class="fr">桃花源小区</p>
                </li>
                <li class="clearfix">
                    <p class="fl">蓝积分</p>
                    <p class="fontBlue fr">1234567</p>
                </li>
                <li class="clearfix">
                    <p class="fl">绿积分</p>
                    <p class="fontGreen fr">1234567</p>
                </li>
                <li style="height:1.94rem;line-height:1.94rem;">
                   <a href="交易记录.html" class="clearfix">
                       <p class="fontSize fl">交易记录</p>
                       <i class="icon iconfont icon-youjiantou fr"></i>
                   </a>
                </li>
                <li style="height:1.94rem;line-height:1.94rem;">
                   <a href="提现列表.html" class="clearfix">
                       <p class="fontSize fl">积分提现</p>
                       <i class="icon iconfont icon-youjiantou fr"></i>
                   </a>
                </li>
            </ul>
        </li>

        <li>
           <div>
              <a href="精彩福利.html">
                  <i class="icon iconfont icon-fuli"></i>
                  <span>精彩福利</span>
                  <i class="icon iconfont icon-youjiantou"></i>
              </a>
           </div>
        </li>
        <li>
            <div>
                <a href="预约服务.html">
                    <i class="icon iconfont icon-xingzhuang97kaobei5"></i>
                    <span>预约服务</span>
                    <i class="icon iconfont icon-youjiantou"></i>
                </a>
            </div>
        </li>
        <li>
            <div>
                <a href="帮助与反馈.html">
                    <i class="icon iconfont icon-kefu2"></i>
                    <span>帮助与反馈</span>
                    <i class="icon iconfont icon-youjiantou"></i>
                </a>
            </div>
        </li>
    </ul><!--列表-->
</div>
<footer>
    @南京志达环保科技有限公司
</footer>
<script>
    $(function(){
        //跳转我的成就
        $(".chengjiu_box").on("click",function(){
            window.location.href = "我的成就.html";
        });
        //跳转排名
        $(".achievementBtn").on("click",function(){
            var dataId = 2;
            window.location='我的成就.html?dataId='+dataId+'';
        })
    })
</script>
</body>
</html>